﻿<!DOCTYPE html>
<html>
  <head>
    <title>课后练习</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/课后练习/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/课后练习/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (矩形) -->
      <div id="u159" class="ax_default box_1">
        <img id="u159_img" class="img " src="images/课后练习/u159.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u160" class="ax_default box_2">
        <img id="u160_img" class="img " src="images/课后练习/u160.png"/>
      </div>

      <!-- Unnamed (矩形) [footnote] -->
      <div id="u160_ann" class="annotation"></div>

      <!-- Unnamed (矩形) -->
      <div id="u161" class="ax_default label">
        <img id="u161_img" class="img " src="images/课后练习/u161.png"/>
        <div id="u161_text" class="text ">
          <p><span>发现音乐</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u162" class="ax_default label">
        <img id="u162_img" class="img " src="images/课后练习/u162.png"/>
        <div id="u162_text" class="text ">
          <p><span>我的音乐</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u163" class="ax_default box_1">
        <img id="u163_img" class="img " src="images/课后练习/u163.png"/>
        <div id="u163_text" class="text ">
          <p><span>歌单</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u164" class="ax_default box_1">
        <img id="u164_img" class="img " src="images/课后练习/u164.png"/>
        <div id="u164_text" class="text ">
          <p><span>电台</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u165" class="ax_default box_1">
        <img id="u165_img" class="img " src="images/课后练习/u164.png"/>
        <div id="u165_text" class="text ">
          <p><span>歌单</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u166" class="ax_default box_1">
        <img id="u166_img" class="img " src="images/课后练习/u164.png"/>
        <div id="u166_text" class="text ">
          <p><span>音乐人</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u167" class="ax_default box_1">
        <img id="u167_img" class="img " src="images/课后练习/u167.png"/>
        <div id="u167_text" class="text ">
          <p><span>客户端</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u168" class="ax_default box_1">
        <img id="u168_img" class="img " src="images/课后练习/u168.png"/>
        <div id="u168_text" class="text ">
          <p><span>&nbsp;&nbsp; &nbsp; &nbsp;&nbsp; 音乐搜索，找人...</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u169" class="ax_default icon">
        <img id="u169_img" class="img " src="images/课后练习/u169.png"/>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u170" class="ax_default _图片_">
        <img id="u170_img" class="img " src="images/课后练习/u170.png"/>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u171" class="ax_default line">
        <img id="u171_img" class="img " src="images/课后练习/u171.png"/>
        <div id="u171_text" class="text ">
          <p><span>$199</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u172" class="ax_default _一级标题">
        <img id="u172_img" class="img " src="images/课后练习/u172.png"/>
        <div id="u172_text" class="text ">
          <p><span>课后练习A：虾米音乐高保真制作</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u173" class="ax_default _一级标题">
        <img id="u173_img" class="img " src="images/课后练习/u173.png"/>
        <div id="u173_text" class="text ">
          <p><span>课后练习B：熟悉“检视-样式”功能（请在浏览器中打开检查各元件的效果）</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u174" class="ax_default label">
        <img id="u174_img" class="img " src="images/课后练习/u174.png"/>
        <div id="u174_text" class="text ">
          <p><span>身份证号码：</span></p>
        </div>
      </div>

      <!-- Unnamed (文本框) -->
      <div id="u175" class="ax_default text_field">
        <input id="u175_input" type="text" value=""/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u176" class="ax_default label">
        <img id="u176_img" class="img " src="images/分类页/u51.png"/>
        <div id="u176_text" class="text ">
          <p><span>用户名：</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u177" class="ax_default label" title="单击找回密码">
        <img id="u177_img" class="img " src="images/课后练习/u177.png"/>
        <div id="u177_text" class="text ">
          <p><span style="text-decoration:underline;">忘记密码？</span></p>
        </div>
      </div>

      <!-- Unnamed (文本框) -->
      <div id="u178" class="ax_default text_field">
        <input id="u178_input" type="text" value=""/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u179" class="ax_default _三级标题">
        <img id="u179_img" class="img " src="images/课后练习/u179.png"/>
        <div id="u179_text" class="text ">
          <p><span>练习1</span></p><p><span>1.1 设置【检视：样式】</span></p><p><span>&nbsp;&nbsp; &nbsp;&nbsp; 如圆角设置</span></p><p><span>1.2 设置【项目-边框重合】</span></p><p><span>1.3 添加【检视：说明】</span></p><p><span>1.4 浏览器的插件安装，在浏览器中进行预览</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u180" class="ax_default label">
        <img id="u180_img" class="img " src="images/课后练习/u180.png"/>
        <div id="u180_text" class="text ">
          <p><span>注：表单元件、提示文字、隐藏触发提示</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u181" class="ax_default label">
        <img id="u181_img" class="img " src="images/课后练习/u181.png"/>
        <div id="u181_text" class="text ">
          <p><span>注：鼠标悬停，有元件提示</span></p>
        </div>
      </div>

      <!-- Unnamed (文本框) -->
      <div id="u182" class="ax_default text_field">
        <input id="u182_input" type="text" value=""/>
      </div>

      <!-- Unnamed (组合 ) -->
      <div id="u183" class="ax_default" data-left="402" data-top="1496" data-width="277" data-height="61">

        <!-- Unnamed (矩形) -->
        <div id="u184" class="ax_default box_1">
          <img id="u184_img" class="img " src="images/分类页/u49.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u185" class="ax_default label">
          <img id="u185_img" class="img " src="images/分类页/u50.png"/>
          <div id="u185_text" class="text ">
            <p><span>职业发展</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u186" class="ax_default label">
          <img id="u186_img" class="img " src="images/分类页/u51.png"/>
          <div id="u186_text" class="text ">
            <p><span>个人成长</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u187" class="ax_default label">
          <img id="u187_img" class="img " src="images/分类页/u51.png"/>
          <div id="u187_text" class="text ">
            <p><span>演讲口才</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合 ) -->
      <div id="u188" class="ax_default" data-left="402" data-top="1437" data-width="277" data-height="61">

        <!-- Unnamed (矩形) -->
        <div id="u189" class="ax_default box_1">
          <img id="u189_img" class="img " src="images/分类页/u49.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u190" class="ax_default label">
          <img id="u190_img" class="img " src="images/分类页/u50.png"/>
          <div id="u190_text" class="text ">
            <p><span>职业发展</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u191" class="ax_default label">
          <img id="u191_img" class="img " src="images/分类页/u51.png"/>
          <div id="u191_text" class="text ">
            <p><span>个人成长</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u192" class="ax_default label">
          <img id="u192_img" class="img " src="images/分类页/u51.png"/>
          <div id="u192_text" class="text ">
            <p><span>演讲口才</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合 ) -->
      <div id="u193" class="ax_default" data-left="402" data-top="1379" data-width="277" data-height="60">

        <!-- Unnamed (矩形) -->
        <div id="u194" class="ax_default box_1">
          <img id="u194_img" class="img " src="images/分类页/u59.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u195" class="ax_default label">
          <img id="u195_img" class="img " src="images/分类页/u50.png"/>
          <div id="u195_text" class="text ">
            <p><span>职业发展</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u196" class="ax_default label">
          <img id="u196_img" class="img " src="images/分类页/u51.png"/>
          <div id="u196_text" class="text ">
            <p><span>个人成长</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u197" class="ax_default label">
          <img id="u197_img" class="img " src="images/分类页/u51.png"/>
          <div id="u197_text" class="text ">
            <p><span>演讲口才</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合 ) -->
      <div id="u198" class="ax_default" data-left="402" data-top="1321" data-width="277" data-height="61">

        <!-- Unnamed (矩形) -->
        <div id="u199" class="ax_default box_1">
          <img id="u199_img" class="img " src="images/分类页/u49.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u200" class="ax_default label">
          <img id="u200_img" class="img " src="images/分类页/u50.png"/>
          <div id="u200_text" class="text ">
            <p><span>职业发展</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u201" class="ax_default label">
          <img id="u201_img" class="img " src="images/分类页/u51.png"/>
          <div id="u201_text" class="text ">
            <p><span>个人成长</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u202" class="ax_default label">
          <img id="u202_img" class="img " src="images/分类页/u51.png"/>
          <div id="u202_text" class="text ">
            <p><span>演讲口才</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合 ) -->
      <div id="u203" class="ax_default" data-left="402" data-top="1261" data-width="277" data-height="61">

        <!-- Unnamed (矩形) -->
        <div id="u204" class="ax_default box_1">
          <img id="u204_img" class="img " src="images/分类页/u49.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u205" class="ax_default label">
          <img id="u205_img" class="img " src="images/分类页/u50.png"/>
          <div id="u205_text" class="text ">
            <p><span>职业发展</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u206" class="ax_default label">
          <img id="u206_img" class="img " src="images/分类页/u51.png"/>
          <div id="u206_text" class="text ">
            <p><span>个人成长</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u207" class="ax_default label">
          <img id="u207_img" class="img " src="images/分类页/u51.png"/>
          <div id="u207_text" class="text ">
            <p><span>演讲口才</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合 ) -->
      <div id="u208" class="ax_default" data-left="402" data-top="1201" data-width="277" data-height="61">

        <!-- Unnamed (矩形) -->
        <div id="u209" class="ax_default box_1">
          <img id="u209_img" class="img " src="images/分类页/u49.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u210" class="ax_default label">
          <img id="u210_img" class="img " src="images/分类页/u50.png"/>
          <div id="u210_text" class="text ">
            <p><span>职业发展</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u211" class="ax_default label">
          <img id="u211_img" class="img " src="images/分类页/u51.png"/>
          <div id="u211_text" class="text ">
            <p><span>个人成长</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u212" class="ax_default label">
          <img id="u212_img" class="img " src="images/分类页/u51.png"/>
          <div id="u212_text" class="text ">
            <p><span>演讲口才</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u213" class="ax_default _一级标题">
        <img id="u213_img" class="img " src="images/分类页/u78.png"/>
        <div id="u213_text" class="text ">
          <p><span>课后练习C：网易云课堂 触发组合中所有元件的鼠标交互</span></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u214" class="ax_default _图片_">
        <img id="u214_img" class="img " src="images/分类页/u79.png"/>
      </div>

      <!-- Unnamed (组合 ) -->
      <div id="u215" class="ax_default" data-left="402" data-top="1145" data-width="277" data-height="58">

        <!-- Unnamed (矩形) -->
        <div id="u216" class="ax_default box_1">
          <img id="u216_img" class="img " src="images/分类页/u81.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u217" class="ax_default label">
          <img id="u217_img" class="img " src="images/分类页/u50.png"/>
          <div id="u217_text" class="text ">
            <p><span>办公效率</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u218" class="ax_default label">
          <img id="u218_img" class="img " src="images/分类页/u83.png"/>
          <div id="u218_text" class="text ">
            <p><span>PPT</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u219" class="ax_default label">
          <img id="u219_img" class="img " src="images/分类页/u84.png"/>
          <div id="u219_text" class="text ">
            <p><span>Excel</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u220" class="ax_default label">
          <img id="u220_img" class="img " src="images/分类页/u84.png"/>
          <div id="u220_text" class="text ">
            <p><span>Word</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u221" class="ax_default line">
        <img id="u221_img" class="img " src="images/分类页/u86.png"/>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u222" class="ax_default line">
        <img id="u222_img" class="img " src="images/分类页/u87.png"/>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u223" class="ax_default line">
        <img id="u223_img" class="img " src="images/分类页/u87.png"/>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u224" class="ax_default line">
        <img id="u224_img" class="img " src="images/分类页/u87.png"/>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u225" class="ax_default line">
        <img id="u225_img" class="img " src="images/分类页/u87.png"/>
      </div>

      <!-- 首页 (矩形) -->
      <div id="u226" class="ax_default box_1 selected" data-label="首页">
        <img id="u226_img" class="img " src="images/cms首页/首页_u128_selected.png"/>
        <div id="u226_text" class="text ">
          <p><span>首页</span></p>
        </div>
      </div>

      <!-- page1 (矩形) -->
      <div id="u227" class="ax_default box_1" data-label="page1">
        <img id="u227_img" class="img " src="images/cms首页/首页_u128.png"/>
        <div id="u227_text" class="text ">
          <p><span>page1</span></p>
        </div>
      </div>

      <!-- page2 (矩形) -->
      <div id="u228" class="ax_default box_1" data-label="page2">
        <img id="u228_img" class="img " src="images/cms首页/首页_u128.png"/>
        <div id="u228_text" class="text ">
          <p><span>page2</span></p>
        </div>
      </div>

      <!-- page3 (矩形) -->
      <div id="u229" class="ax_default box_1" data-label="page3">
        <img id="u229_img" class="img " src="images/cms首页/首页_u128.png"/>
        <div id="u229_text" class="text ">
          <p><span>page3</span></p>
        </div>
      </div>

      <!-- page3内容 (矩形) -->
      <div id="u230" class="ax_default box_3" data-label="page3内容">
        <img id="u230_img" class="img " src="images/cms首页/page3___u132.png"/>
        <div id="u230_text" class="text ">
          <p><span>page3</span></p>
        </div>
      </div>

      <!-- page2内容 (矩形) -->
      <div id="u231" class="ax_default box_3" data-label="page2内容">
        <img id="u231_img" class="img " src="images/cms首页/page2___u133.png"/>
        <div id="u231_text" class="text ">
          <p><span>page2</span></p>
        </div>
      </div>

      <!-- page1内容 (矩形) -->
      <div id="u232" class="ax_default box_3" data-label="page1内容">
        <img id="u232_img" class="img " src="images/cms首页/page1___u134.png"/>
        <div id="u232_text" class="text ">
          <p><span>page1</span></p>
        </div>
      </div>

      <!-- 首页内容 (矩形) -->
      <div id="u233" class="ax_default box_3" data-label="首页内容">
        <img id="u233_img" class="img " src="images/cms首页/首页内容_u135.png"/>
        <div id="u233_text" class="text ">
          <p><span>首页内容</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u234" class="ax_default label">
        <img id="u234_img" class="img " src="images/课后练习/u234.png"/>
        <div id="u234_text" class="text ">
          <p><span>注：如何制作出带有蓝色边框的【文本框】元件</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u235" class="ax_default _一级标题">
        <img id="u235_img" class="img " src="images/分类页/u78.png"/>
        <div id="u235_text" class="text ">
          <p><span>课后练习D：使用交互事件制作Tab栏切换效果</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u236" class="ax_default _一级标题">
        <img id="u236_img" class="img " src="images/分类页/u78.png"/>
        <div id="u236_text" class="text ">
          <p><span>课后练习E：使用交互事件制作走马灯效果</span></p>
        </div>
      </div>

      <!-- Unnamed (课后练习OnlineService) -->

      <!-- Unnamed (矩形) -->
      <div id="u238" class="ax_default box_1">
        <img id="u238_img" class="img " src="images/客服/u155.png"/>
        <div id="u238_text" class="text ">
          <p><span>在线客服</span></p>
        </div>
      </div>

      <!-- avatar2 (图片 ) -->
      <div id="u239" class="ax_default _图片_" data-label="avatar2">
        <img id="u239_img" class="img " src="images/客服/avatar2_u156.jpg"/>
      </div>

      <!-- avatar1 (图片 ) -->
      <div id="u240" class="ax_default _图片_" data-label="avatar1">
        <img id="u240_img" class="img " src="images/客服/avatar1_u157.jpg"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u241" class="ax_default label">
        <img id="u241_img" class="img " src="images/课后练习/u241.png"/>
        <div id="u241_text" class="text ">
          <p><span>网易云课堂，页面示意图</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u242" class="ax_default label">
        <img id="u242_img" class="img " src="images/课后练习/u241.png"/>
        <div id="u242_text" class="text ">
          <p><span>制作效果图</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u243" class="ax_default label">
        <img id="u243_img" class="img " src="images/课后练习/u243.png"/>
        <div id="u243_text" class="text ">
          <p><span>注：水平线元件 -&nbsp; 输入文字 - 检视：样式中， “自动适应文本宽度”</span></p>
        </div>
      </div>

      <!-- Unnamed (组合 ) -->
      <div id="u244" class="ax_default" data-left="744" data-top="1151" data-width="301" data-height="65">

        <!-- Unnamed (矩形) -->
        <div id="u245" class="ax_default box_1">
          <img id="u245_img" class="img " src="images/课后练习/u245.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u246" class="ax_default box_1">
          <img id="u246_img" class="img " src="images/课后练习/u246.png"/>
          <div id="u246_text" class="text ">
            <p><span>A</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u247" class="ax_default box_1">
          <img id="u247_img" class="img " src="images/课后练习/u246.png"/>
          <div id="u247_text" class="text ">
            <p><span>B</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u248" class="ax_default box_1">
          <img id="u248_img" class="img " src="images/课后练习/u246.png"/>
          <div id="u248_text" class="text ">
            <p><span>C</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u249" class="ax_default box_1">
        <img id="u249_img" class="img " src="images/课后练习/u245_mouseOver.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u250" class="ax_default box_1">
        <img id="u250_img" class="img " src="images/课后练习/u250.png"/>
        <div id="u250_text" class="text ">
          <p><span>A</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u251" class="ax_default box_1">
        <img id="u251_img" class="img " src="images/课后练习/u250.png"/>
        <div id="u251_text" class="text ">
          <p><span>B</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u252" class="ax_default box_1">
        <img id="u252_img" class="img " src="images/课后练习/u250.png"/>
        <div id="u252_text" class="text ">
          <p><span>C</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u253" class="ax_default box_1">
        <img id="u253_img" class="img " src="images/课后练习/u245_mouseOver.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u254" class="ax_default box_1">
        <img id="u254_img" class="img " src="images/课后练习/u250.png"/>
        <div id="u254_text" class="text ">
          <p><span>A</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u255" class="ax_default box_1">
        <img id="u255_img" class="img " src="images/课后练习/u250.png"/>
        <div id="u255_text" class="text ">
          <p><span>B</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u256" class="ax_default box_1">
        <img id="u256_img" class="img " src="images/课后练习/u250.png"/>
        <div id="u256_text" class="text ">
          <p><span>C</span></p>
        </div>
      </div>

      <!-- 3内容 (矩形) -->
      <div id="u257" class="ax_default box_2" data-label="3内容">
        <img id="u257_img" class="img " src="images/课后练习/3内容_u257.png"/>
        <div id="u257_text" class="text ">
          <p><span>3</span></p>
        </div>
      </div>

      <!-- 2内容 (矩形) -->
      <div id="u258" class="ax_default box_3" data-label="2内容">
        <img id="u258_img" class="img " src="images/课后练习/2内容_u258.png"/>
        <div id="u258_text" class="text ">
          <p><span>2</span></p>
        </div>
      </div>

      <!-- 1内容 (矩形) -->
      <div id="u259" class="ax_default box_1" data-label="1内容">
        <img id="u259_img" class="img " src="images/课后练习/1内容_u259.png"/>
        <div id="u259_text" class="text ">
          <p><span>1</span></p>
        </div>
      </div>

      <!-- 1按钮 (矩形) -->
      <div id="u260" class="ax_default box_1" data-label="1按钮">
        <img id="u260_img" class="img " src="images/课后练习/1按钮_u260.png"/>
        <div id="u260_text" class="text ">
          <p><span>1</span></p>
        </div>
      </div>

      <!-- 2按钮 (矩形) -->
      <div id="u261" class="ax_default box_1" data-label="2按钮">
        <img id="u261_img" class="img " src="images/课后练习/2按钮_u261.png"/>
        <div id="u261_text" class="text ">
          <p><span>2</span></p>
        </div>
      </div>

      <!-- 3按钮 (矩形) -->
      <div id="u262" class="ax_default box_1" data-label="3按钮">
        <img id="u262_img" class="img " src="images/课后练习/3按钮_u262.png"/>
        <div id="u262_text" class="text ">
          <p><span>3</span></p>
        </div>
      </div>
    </div>
  </body>
</html>
